<style lang="css" scoped>
	.ivu-modal{
		height:700px;
		overflow: hidden;
	}
</style>
<template>
  <div>
<!--     <Card>
		<p slot="title" style="height: 32px">
			时间区间：<DatePicker type="date" style="width: 200px"></DatePicker> —— <DatePicker type="date" style="width: 200px"></DatePicker>
		</p>
    </Card> -->
    <Row :gutter="20" style="margin-top: 10px;">
      <i-col :md="24" :lg="24" style="margin-bottom: 20px;">
        <Card shadow>
          <bar-and-line style="height: 600px;" :value="barData" :value2="barData" text="区县分局人数对比图"/>
        </Card>
      </i-col>

    </Row>
  </div>
</template>
<script>
import { BarAndLine } from '_c/charts'
export default {
  components: {
    BarAndLine
  },
  data () {
    return {
      barData: {
        桥西区: 2000,
        新华区: 1300,
        长安区: 3000,
        裕华区: 2000,
        东开发区: 1000,
        鹿泉区: 1322,
        石家庄矿区: 2324,
        正定县: 3324,
        无极限: 5324,
        元氏县: 1324,
        赞皇县: 7324,
        井陉县: 1100
      }
    }
  },
  methods: {
  },
  mounted () {
  }
}
</script>

<style>

</style>
